<template>
  <div>
      <el-row :gutter="20">
        <el-col :span="6"><div class="grid-content bg-purple">销量指数</div></el-col>
        <el-col :span="6"><div class="grid-content bg-purple">阅读量</div></el-col>
        <el-col :span="6"><div class="grid-content bg-purple">收益情况</div></el-col>
        <el-col :span="6"><div class="grid-content bg-purple">访谈次数</div></el-col>
      </el-row>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<style lang="scss" scoped>
  .el-col {
    border-radius: 8px;
  }
  .bg-purple {
    font-size:40px;
    line-height:200px;
    background:#c1d7f0;
  }
  .grid-content {
    border-radius: 4px;
    height:200px;
  }
</style>